// 1.给网页绑定鼠标移动事件
document.onmousemove=function(evt){
    var e=evt||window.event
    //1.1 获取小蜜蜂，修改其位置（跟着鼠标移动）
    var imgObj=document.querySelector('img')
    // 1.2获取鼠标位置（居中）
        //获取img的高度，宽度
    // var w=parseInt(getComputedStyle(imgObj).width)
    // var h=parseInt(getComputedStyle(imgObj).height)
    var leftObj=e.clientX-imgObj.offsetWidth/2
    var topObj=e.clientY-imgObj.offsetHeight/2
    // 1.3限制活动范围
    if(leftObj<25) leftObj=25
    if(topObj<25) topObj=25
    // 1.4获取可见视口宽度 高度
    var maxLeft=(window.innerWidth||document.documentElement.clientWidth)-imgObj.offsetWidth/2
    var maxTop=(window.innerHeight||document.documentElement.clientHeight)-imgObj.offsetHeight/2
    if(leftObj>=maxLeft) leftObj=maxLeft
    if(topObj>=maxTop) topObj=maxTop

    // 更改小蜜蜂的位置（鼠标居中）
    imgObj.style.left=leftObj-imgObj.offsetWidth/2+'px'
    imgObj.style.top=topObj-imgObj.offsetHeight/2+'px'


}